<template>
  <div class="user-avator-dropdown">
    <Dropdown>
      <Avatar :src="userAvator"/>
      <Icon :size="18" type="md-arrow-dropdown"></Icon>
      <DropdownMenu slot="list">
        <DropdownItem name="logout">退出登录</DropdownItem>
        <DropdownItem name="setting">个人设置</DropdownItem>
      </DropdownMenu>
    </Dropdown>
  </div>
</template>
<script>
export default {
  name: 'user',
  props: {
    userAvator: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="stylus" scoped>
.user
  .user-avator-dropdown
    display: inline-block
    height: 32px
    vertical-align: middle
    line-height: 10px
</style>
